import React, { Component } from 'react'
import { Layout, Menu, Row, Col } from 'antd';
import { NavLink } from 'react-router-dom';

const { Header } = Layout;

export default class AntNav extends Component {
    render() {
        return (
            <div>

                <Header style={{ height: "10vh" }} className="header">
                    <Row>
                        <Col span={3}>
                            <div style={{ fontSize: "25px", fontWeight: 700, color: 'white' }}>Ant零售</div>
                        </Col>
                        <Col span={21}>

                            <Menu className="row" theme="dark" mode="horizontal" defaultSelectedKeys={['2']}>
                                <Menu.Item className="col-1" style={{ textAlign: "center", height: "10vh", lineHeight: "10vh" }} key="1">
                                    <NavLink style={{textDecorationLine:'none'}}  to="/cashier/create">
                                        收银
                                        </NavLink>
                                </Menu.Item>
                                <Menu.Item className="col-1" style={{ textAlign: "center", height: "10vh", lineHeight: "10vh" }} key="2">
                                    <NavLink style={{textDecorationLine:'none'}} to="/back/commodity">
                                    后台
                                    </NavLink>
                                    </Menu.Item>
                            </Menu>
                        </Col>
                    </Row>
                </Header>
            </div>
        )
    }
}
